<template>
    <div class="box">
        <div class="zhinans" @click="xiangqing1">
            <div class="span1">
                <div class="nameas">普通护照服务指南</div>
                <div class="nameneirs">
                    1、《中华人民共和国护照法》
                    2、《中华人民共和国出境入境管理法》
                    3、《中华人民共和国普通护照和出入境通行证签发管理办法》
                    4、《中华人民共和国电子普通护照签发管理工作规范》
                </div>
                <div class="namerqs">2023-10-21</div>
            </div>
            <div class="span2">
                <van-image width="100" height="100" src="" />
            </div>
            <van-divider />
        </div>
        <div class="zhinans" @click="xiangqing2">
            <div class="span1">
                <div class="nameas">往来港澳通行证和签注签发服务指南</div>
                <div class="nameneirs">
                    一、适用范围
                    本指南适用于内地居民申请往来港澳通行证和签注。
                    二、审批依据
                    《中华人民共和国出境入境管理法》、《中国公民因私事往来香港地区或者澳门地区的暂行管理办法》。
                </div>
                <div class="namerqs">2023-10-21</div>
            </div>
            <div class="span2">
                <van-image width="100" height="100" src="" />
            </div>
            <van-divider />
        </div>
        <div class="zhinans" @click="xiangqing3">
            <div class="span1">
                <div class="nameas">内地居民前往港澳通行证服务指南</div>
                <div class="nameneirs">
                    一、办理依据：
                    1、《中华人民共和国出境入境管理法》
                    2、《中国公民因私事往来香港地区或者澳门地区的暂行管理办法》
                    二、办理条件
                    1、符合以下条件之一：
                    ①在香港或者澳门定居人员的内地配偶及其偕行的未满18周岁的子女，需要前往香港或者澳门家庭团聚的；
                </div>
                <div class="namerqs">2023-10-21</div>
            </div>
            <div class="span2">
                <van-image width="100" height="100" src="" />
            </div>
            <van-divider />
        </div>
        <div class="zhinans" @click="xiangqing4">
            <div class="span1">
                <div class="nameas">大陆居民往来台湾通行证及签注服务指南</div>
                <div class="nameneirs">
                    一、办理依据：
                    1、《中华人民共和国护照法》
                    2、《中华人民共和国出境入境管理法》
                    3、《中华人民共和国往来台湾通行证及签注签发规范》
                </div>
                <div class="namerqs">2023-10-21</div>
            </div>
            <div class="span2">
                <van-image width="100" height="100" src="" />
            </div>
            <van-divider />
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        methods: {
            xiangqing1() {
                this.$router.push('/zbclxx')
            },
            xiangqing2() {
                this.$router.push('/zbclxxa')
            },
            xiangqing3() {
                this.$router.push('/zbclxxb')
            },
            xiangqing4() {
                this.$router.push('/zbclxxc')
            },
        },
    }
</script>

<style scoped lang="less">
    .box {
        margin: 0;
        padding: 0;
        background-color: #F4F4F4;
        height: 100vh;

        .axioa {
            margin-bottom: 10px;
        }

        .zhinan {
            background-color: #FFFFFF;

            // border-bottom: #999999 solid 1px;
            .namea {
                width: 90%;
                margin: 0 auto;
                padding: 10px 0 8px 0;
                font-weight: bold;
            }

            .nameneir {
                width: 90%;
                margin: 0 auto;
                padding: 5px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                color: #999999;

            }

            .namerq {
                width: 90%;
                padding: 5px;
                margin: 0 auto;
                color: #999999;
                font-size: 12px;
            }

            .van-divider {
                margin: 0;
            }
        }

        .zhinans {
            background-color: #FFFFFF;
            display: flex;

            .span1 {
                width: 71%;
            }

            .span2 {
                // width: 35%;
            }

            .nameas {
                width: 90%;
                margin: 0 auto;
                padding: 10px 0 8px 0;
                font-weight: bold;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .nameneirs {
                width: 90%;
                margin: 0 auto;
                padding: 5px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                color: #999999;

            }

            .namerqs {
                width: 90%;
                padding: 5px;
                margin: 0 auto;
                color: #999999;
                font-size: 12px;
            }

            .van-divider {
                margin: 0;
            }
        }
    }

    .boxgrid {
        margin-bottom: 10px;
    }
</style>